<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/4/5
  Time: 17:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>图书在线借阅系统|会员页面</title>
    <link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="lib/layui/css/book.css">
    <script type="text/javascript" src="lib/layui/layui.js"></script>
    <script type="text/javascript" src="lib/js/jquery-3.4.1.js"></script>
    <link rel="shortcut icon" href="#">
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-unselect" style="padding:0px;font-size:20px;color: white;"><a href="user_Main.jsp" style="color: white;">图书在线借阅系统</a></div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <!-- <ul class="layui-nav layui-layout-left">
          <li class="layui-nav-item"><a href="user.html" target="iframeMain">用户</a></li>
        </ul> -->

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;" style="cursor: default; caret-color: rgba(0,0,0,0);">
                    <img src="lib/Images/1.png" class="layui-nav-img">
                    ${mem.power.power}:${mem.mname}
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="mem_change_pwd.jsp" target="iframeMain" >修改密码</a></dd>
                    <dd><a href="member.let?type=exit" target="iframeMain">安全退出</a></dd>

                </dl>
            </li>
            <li class="layui-nav-item" lay-header-event="menuRight">
                <a href="member.let?type=PIMpre&memId=${mem.id}" target="iframeMain">
                    <i class="layui-icon layui-icon-more-vertical">个人信息</i>
                </a>
            </li>
        </ul>
        <!-- <ul class="layui-nav layui-layout-right">
          <li class="layui-nav-item" >
            <div class="layui-unselect" style="">chens</div>
          </li>
          <li class="layui-nav-item"><a href="">注销</a></li>
        </ul> -->
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">常用功能</a>
                    <dl class="layui-nav-child">
                        <!-- 打开方式设置iframeMain，内嵌页面打开方式-->
                        <dd><a href="mem_book_list.jsp" target="iframeMain" >图书查询</a></dd>
                        <dd><a href="record.let?type=rentpre&memId=${mem.id}" target="iframeMain">图书借阅</a></dd>
                        <dd><a href="mem_search_record.jsp" target="iframeMain">借阅历史信息</a></dd>

                    </dl>
                </li>







<%--                <li class="layui-nav-item layui-nav-itemed">--%>
<%--                    <a class="" href="javascript:;">图书管理</a>--%>
<%--                </li>--%>

<%--                <li class="layui-nav-item layui-nav-itemed">--%>
<%--                    <a class="" href="javascript:;">图书借阅归还管理</a>--%>
<%--                </li>--%>
            </ul>

        </div>
    </div>

    <div class="layui-body" style="background-color: #f9f9f9;"><!--主题内容-->

        <!--src，主页面的默认的页面路径，name="iframeMain"内嵌设置-->
        <iframe src="user_Home.jsp" frameborder="0" class="layadmin-iframe" name="iframeMain"
                style="width: 100%; height:100%;"></iframe>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        底部固定区域
    </div>
</div>
</body>
<script src="lib/layui/layui.js"></script>
<script>
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function(othis){

            }
            // ,menuRight: function(){
            //     layer.open({
            //         type: 1
            //         ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
            //         ,area: ['260px', '100%']
            //         ,offset: 'rt' //右上角
            //         ,anim: 5
            //         ,shadeClose: true
            //     });
            // }
        });



    });
</script>
</html>
